<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>


<body>
  <input type="text" id="txt" placeholder="只能输入数字">
  <script>
    // return的作用：
    // 1.返回一个结果
    // 2.跳出当前代码块，return后边的代码不执行了。
    // function turn() {
    //   console.log(111)
    //   var x = 9;
    //   var y = 10;
    //   alert("你好")
    //   return 88
    //   alert("你不好")
    // }
    // var x=turn();
    var txt = document.getElementById("txt");//获取文本输入框
    // 当输入框失去焦点触发
    txt.onblur = function () {
      var val = txt.value;//输入框的值
      if (!val || isNaN(val)) {
        return
      }
      alert("你输入的符合规则")
    }
  </script>
</body>

</html>